@import './vars.less';

.van-button--primary {
  border-color: @button-primary-bg-color;
  background-color: @button-primary-bg-color;
}

.ui-flex {
  display: flex;
  align-items: center;
}

.page {
  min-height: 100vh;
  box-sizing: border-box;
  background-color: #f4f4f4;
}

#app {
  .ui-content {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ui-content--full {
    padding-left: 0;
    padding-right: 0;
  }

  .van-button--large {
    height: 44px;
    line-height: 42px;
  }

  .van-nav-bar {
    .van-nav-bar__title {
      max-width: 80%;
      width: 162px;
    }
    .van-nav-bar__arrow {
      font-size: 20px;
    }
    .van-nav-bar__left {
      left: -8px;
    }
    .van-nav-bar__text,
    .van-icon {
      color: inherit;
    }
  }
  .van-tabs__line {
    height: 4px;
    bottom: 20px;
    &::after {
      content: " ";
      position: absolute;
      left: 50%;
      display: block;
      width: 120%;
      height: 4px;
      // background-color: blue;
      transform: translate(-50%);
    }
  }
}

.is-MAPP {
  .page__header,
  .van-nav-bar {
    display: none !important;
  }
}